.luck-page {
	height: 100vh;
	background: url(../img/page_bg.png) no-repeat;
	background-size: 100%;
	background-color: #a506e5;
	padding: 5rem 0.25rem;
}
.priz-bg{
	position: relative;
	width: 7rem;
	height: 7.98rem;
	padding-bottom: 1.1rem;
	background: url(../img/rotary_bg.png)no-repeat;
	background-size: 100% 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.priz-bg-img{
	width: 100%;
}
.priz-btn{
	position: relative;
	padding: 0 .43rem 0.43rem;
	width: 3rem;
	z-index: 9;
}
.giff-list{
	width: 6rem;
	height: 6rem;
	position: absolute;
	top: 0.4rem;
	left: 0.5rem;
}
.giff-item{
	position: absolute;
	display: flex;
	flex-direction: column;
	/* justify-content: center; */
	align-items: center;
	padding-top: 0.6rem;
	color: #fa5376;
	font-size: 0.24rem;
	/* margin-bottom: 0.2rem; */
	width: 1.8rem;
	height: 3rem;
	
}
.item-name{
	margin-bottom: 0.2rem;
}
.giff-item:nth-of-type(1) {
	left: 3rem;
	top: -.2rem;
}
.giff-item:nth-of-type(2) {
	left: 4rem;
	top: .9rem;
}
.giff-item:nth-of-type(3) {
	left: 4rem;
	top: 2.2rem;
}
.giff-item:nth-of-type(4) {
	left: 2.9rem;
	top: 3.3rem;
}
.giff-item:nth-of-type(5) {
	left: 1.3rem;
	top: 3.3rem;
}	
.giff-item:nth-of-type(6) {
	left: .24rem;
	top: 2.2rem;
}
.giff-item:nth-of-type(7) {
	left: 0.2rem;
	top: .8rem;
}
.giff-item:nth-of-type(8) {
	left: 1.3rem;
	top: -.2rem;
}

.item-icon{
	width:1rem;
}


@keyframes myfirst
  {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.arrow-anmit {
  animation: myfirst 0.4s linear infinite;
  /* Firefox: */
  -moz-animation: myfirst 0.4s linear infinite;
  /* Safari 和 Chrome: */
  -webkit-animation: myfirst 0.4s linear infinite;
  /* Opera: */
  -o-animation: myfirst 0.4s linear infinite;
}
